$(function () {



    function getDate() {
        let date = localStorage.getItem('todolist');
        if (date !== null) {
            return JSON.parse(date);
        }
        else {
            return [];
        }
    }
    function saveDate(date) {

        localStorage.setItem('todolist', JSON.stringify(date));
    }
    function load() {
        let date = getDate();
        $("ol, ul").empty();
        let todocu = 0;//正在进行
        let donecu = 0;//已经完成
        $.each(date, function (i, de) {
            if (de.done) {
                $('ul').prepend('<li><input type="checkbox"checked="checked"><p>' + de.title + '</p><a href="javascript:;" id=' + i + '>-</a></li>')
                donecu++;
            }
            else {
                $('ol').prepend('<li><input type="checkbox"><p>' + de.title + '</p><a href="javascript:;" id=' + i + '>-</a></li>')
                todocu++;
            }
        })
        $('.todocu').text(todocu);
        $('.donecu').text(donecu);
    }
    load();
    $('#text').on('keydown', function (e) {
        if (e.keyCode === 13) {
            if ($(this).val() === '') {
                alert('请输入你需要的内容');
            }
            else {
                let local = getDate();
                local.push({ title: $('#text').val(), done: false });
                saveDate(local);
                load();
                $(this).val('');
            }
        }
    })
    $('ol,ul').on('click', 'a', function () {

        let date = getDate();
        console.log(date);
        let index = $(this).attr('id');
        console.log(index);
        date.splice(index, 1);
        saveDate(date);
        load();

    })
    $('ol,ul').on('click', 'input', function () {
        let date = getDate();
        let index = $(this).siblings('a').attr('id');
        console.log(index);
        date[index].done = $(this).prop('checked');
        console.log(date);
        saveDate(date);
        load();
    })
    $('#publish').click(function () {
        if ($('#text').val() === '') {
            alert('请输入你需要的内容');
        }
        else {
            let local = getDate();
            local.push({ title: $('#text').val(), done: false });
            saveDate(local);
            load();
            $('#text').val('');
        }
    })

})